<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=no"/>
   	<meta http-equiv=”Page-Enter” content=”revealTrans(Duration=100.0,Transition=4)” />
   	<meta http-equiv="cache-control" content="no-cache">
    <title>云筑圈</title>
    <link rel="stylesheet" type="text/css" href="../app/css/aui-win.css" />
    <style>
/*通用设置开始*/
.hasMsg{display:block;}
.noMsg{display:none;}
/*通用设置结束*/
/*slide*/
 .swipe {
        overflow: hidden;
        visibility: hidden;
        position: relative;
    }
    .swipe-wrap {
        overflow: hidden;
        position: relative;
        z-index: 6;
    }
    .swipe-wrap > figure {
    	height:110px;
        float: left;
        width: 100%;
        position: relative;
    }
    #slider {
        margin: 0px auto; /* 居中对齐 */
    }

    figure {
        margin: 0;/* 对齐，四周宽度都为0，在轮播的时候，以整张图片进行移动 */
    }
    .swipe-wrap img {
		height: 130px;
		width: 100%;
	}
    nav{
	    position: absolute;
		right: 10px;
		bottom: 12px;
		overflow: hidden;
		z-index:999;
    }
    #position {
        text-align: center;
        list-style: none;
        margin: 0;
        padding: 0
    }
    #position li {
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #141414;
        margin: 0 2px;
        cursor: pointer;
        float:left;
    }
    #position li.on {
        background-color: #1293dc;
    }
        /*中间内容开始*/
        .content h4{
            background: #f2f2f2;
            height: 40px;
            line-height: 40px;
            font-weight: 500;
        }
        .innerTitle{
            margin-left: 10px;
            font-size:16px;
            color:#00abfd;
            font-weight:bold;
        }
        .innerLink{
            position:absolute;
            right:10px;
            font-size:14px;
            color:#666;
        }
        #showTeamList,#showBusiOPPList,#showEbusiList{
            background: white;
        }
        .link{
            position: relative;
            display:block;
            width: 18%;
           	padding:10px 1% 5px 1%;
            background: #fff;
        }
        #showTeamList .link{
			float:left;
        }
        .findBusiOpp{
        	clear:both;
        }
        .content img{
            width:100%;
            height: auto;
        }
        /*中间内容结束*/
        /*底部CSS开始*/
        #footer {
            width:100%;
            position:fixed;
            bottom:0px;
            height: 61px;
            line-height: 60px;
            background-color: #FAFAFA;
            border-top: 1px solid #FAFAFA;
            text-align:center;
        }
        @media screen and (max-height:570px){
            .findEbusi{
                margin-bottom: 66px;
            }
        }
        #footer li {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            height: 60px;
        }
       /********************/
/* 底部按钮原始样式 */
/********************/
.bottom_btn {
	/* width: 99%;
	height: 43px;
	padding-top: 18px;
	background-position-y: 4px;
	background-size: 30px;
	font-size: 15px;*/
	color: #A5A5A5; 
    background-repeat: no-repeat;
    background-size: 28px 28px;
    font-size: 12px;
    color: #4d4d4d;
    display: block;
    overflow: hidden;
    padding-top: 17px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* 底部按钮激活样式 */
.activebtn {
	color: #FF7419;
	background-size: 28px;
}
.bottomhover {
	background-color: #46494B;
}
        #footer li{
            width: 33.33333%;
            float: left;
        }
        /*底部CSS结束*/
        /*遮罩DIV样式*/
        .coverDiv{
            position: absolute;
            bottom: 61px;
            z-index:999;
            width: 100%;
            height: 100%;
            /*background: pink;*/
        }
		
		.content{
			width:100%;
		}
		#showBusiOPPList .link{
			width:100%;
			padding:5px 0 5px 5px;

		}
		#showBusiOPPList a p{
			width:75%;
			height:30px;
			float:left;
			margin-left:3%;
			color:#333;
			font-size:14px;
		}
		#showBusiOPPList img{
			width:18%;
			float:left;
		}
		#showEbusiList .link{
			float:left;	
		}
		#showBusiOPPList .link{
		
			border-bottom:1px solid #bbb
		}
		#showEbusiList .link p{
			font-size:14px;
			text-align:center;
			color:#333;
		}
		#showEbusiList{
			padding:0 2px;		
		}
    </style>
</head>
<body>
<div class="div_loding_img">
		数据加载中
</div>
    <div >
        <!-- 顶部轮播图 -->
        <div id="slider" class="swipe" style="visibility:visible;">
		    <div class="swipe-wrap">
		    </div>
		    <nav>
			    <ul id="position">
			        
			    </ul>
			</nav>
		</div>
		<!--顶部轮播图结束-->
		<!--中间内容开始-->
        <div class="content">
            <div class="findTeam">
                <h4>
                    <span class="innerTitle" >找团体</span>
                    <a class="innerLink" href="choice_group.html" >全国&gt;&gt;</a>
                </h4>
                <div id="showTeamList">
                	
                </div>
            </div>
            <div class="findBusiOpp">
                <h4>
                    <span class="innerTitle" >找商机</span>
                    <a class="innerLink" onclick="openWinn('../app/html/second_frame/yzq_busess_list')" >全国&gt;&gt;</a>
                </h4>
                <div id="showBusiOPPList">
                   
                </div>
            </div>
            <div class="findEbusi">
                <h4>
                    <span class="innerTitle" >找电商</span>
                    <a class="innerLink" onclick="openWinn('../app/html/second_frame/yzq_ecinfo_all')" >全国&gt;&gt;</a>
                </h4>
                <div id="showEbusiList">
                   
                </div>
            </div>
            <!--以下为遮罩DIV-->
            <div class="coverDiv noMsg" onclick="showWarn()"></div>
        </div>
        <!--中间内容结束-->
   	</div>
    <!--加载loading功能-->
    <div id="loadIng_startStop" style="width: 100%;height: 100%;position: absolute;z-index: 1000;display: none;">
        <img src="../app/image/my/loading_more.gif" style="width: 20%;position: absolute;left: 50%;margin-left: -10%;top:50%;margin-top: -10%;">
    </div>
    <script type="text/javascript" src="../app/script/jquery-1.10.2.min.js"></script>
  	<script src="../app/script/common.js"></script>
	<script src="../app/script/swipe.js"></script>
    <script>
    var storage=window.localStorage;
	storage.clear();
    sTart_Stop();
    $(document).ready(function(){
    	  var groupid="88888888888888888888888888888888";
    	window.localStorage.setItem("yunzodfgroupid",groupid);
    	window.localStorage.setItem("yunzodfuserNumber","135000000001");
    	getaAd();
    	huoqu();
    });
    function initSlide() {
    	var bullets = document.getElementById('position').getElementsByTagName('li');
    	var slider =
            Swipe(document.getElementById('slider'), {
                auto: 4000,
                continuous: true,
                disableScroll : true,
        		stopPropagation : true,
                callback: function(pos) {
                    var i = bullets.length;
                    while(i--){
                        bullets[i].className = ' ';
                    }
                    bullets[pos].className = 'on';
                }
            });
    }
    //获取投放广告
    function getaAd() {
    	var Post="mid="+basedata.mid+"&groupid="+basedata.groupid+"&adtype=1&did=00000";
    	$.ajax({
    		url:'../api/getadimagebymidlist',
    		type:'post',
    		data:Post,
    		success:function(msg){
    			if(msg.code ==100){
    				console.log(msg);
    				var len=msg.data.length;
    				var html='';
    				var htmll='';
    				for(var i=0;i<len;i++){
    					//html+='<figure><div class="face faceInner"><img src="'+msg.data[i].n2+'" width="100%" height="100%" /></div></figure>';
    					html+="<figure><div class='face faceInner'><img src='"+msg.data[i].n2+"' width='100%' height='100%' onclick=\"openpageparam('../app/html/first_frame/adinfo.html','adid="+msg.data[i].n0+"')\" /></div></figure>";
    					if(i==0){
    						htmll+='<li class="no"></li>';
    					}
    					else{
    						htmll+='<li class=""></li>'
    					}
    				}
    				var swipeWrap=$(".swipe-wrap");
    				var positions=$("#position");
    				swipeWrap.append(html);
    				positions.append(htmll);
    				initSlide();
    			}
    			else{
    				$("body").append('<div class="wuwang"><img src="../app/image/iconfont-wangluo.png"><p>网络拥堵，信息塞车</p></div>')
    			}
    		}
    	});
    }
    /*loading加载转圈*/
    sTart_Stop();
    function openWinn(url){
        window.location=url+".html";
    }
    var strr="";
    var str="";
    var str1="";
    var str2="";
    var src;
function huoqu(){ 
    var post ="groupid="+window.localStorage.getItem("yunzodfgroupid")+"&mid="+window.localStorage.getItem("yunzodfuserNumber")+"&did=101";
   
    
    ajaxcocRequest('../api/group/gettopfiveinfolist','post',post,function(msg){

        if(msg.code ==100){
            var arr=msg.data[0].n1;
            for(var i=0;i<arr.length;i++){
                if(arr[i].n1==""){
                    src='../app/image/bgg.png';
                }
                else{
                    src=arr[i].n1
                }
                strr+='<a href="groupinfo.html?gid='+arr[i].n0+'" class="link"><img src="'+src+'"></a>'
           }
           $("#showTeamList").html(strr)
           $("#showTeamList img").height($("#showTeamList img").width())
           
           var arr1=msg.data[1].n1;
          
           for(var i=0;i<arr1.length;i++){
                if(arr1[i].n1==""){
                    src='../app/image/bgg.png';
                }
                else{
                    src=arr1[i].n1.split(",")[0]
                }
                str1+='<a href="../app/html/first_frame/busess_info.html?infoid='+arr1[i].n0+'&title='+arr1[i].n2+'" class="link"><img src="'+src+'"><p>'+arr1[i].n2+'</p></a>'
           }
           
           $("#showBusiOPPList").html(str1)
           $("#showBusiOPPList img").height($("#showBusiOPPList img").width())
           $("#showBusiOPPList .link").height($("#showBusiOPPList img").width())
           $("#showBusiOPPList p").height($("#showBusiOPPList img").width())
           $("#showBusiOPPList p").css("line-height",$("#showBusiOPPList img").width()+"px")
           $("#showBusiOPPList .link:eq(4)").css("border","none")
           var arr2=msg.data[2].n1;
           for(var i=0;i<arr2.length;i++){
                if(arr2[i].n1==""){
                    src='../app/image/defaultImg2.png';
                }
                else{
                    src=arr2[i].n1
                }
                if(arr2[i].n2=="星级酒店"){
                    str2+='<a href="../app/html/first_frame/ecinfo_jiudian.html?infoid=88888888888888888888888888880002&name='+arr2[i].n2+'" class="link"><img src="'+src+'"><p>'+arr2[i].n2+'</p></a>'
                    
                }
                else{
                    str2+='<a href="../app/html/first_frame/ecinfo_xiongdanfen.html?infoid='+arr2[i].n0+'&name='+arr2[i].n2+'" class="link"><img src="'+src+'"><p>'+arr2[i].n2+'</p></a>'
                }
           }
           $("#showEbusiList").html(str2)
           
           $("img").error(function(){
        	  $(this).attr("src","../app/image/defaultImg2.png") 
           });
           $("#showEbusiList img").height($("#showEbusiList img").width())
          
          
        }
        else{
        	 $("body").append('<div class="wuwang"><img src="../app/image/iconfont-wangluo.png"><p>网络拥堵，信息塞车</p></div>')
        }
    })
}
    </script>
</body>
</html>
